@import 'mixins/cards';
@import 'mixins/animations';

:host {
  display: flex;
}

:host ::ng-deep {
  .card {
    @include details-card();
    flex: 1;

    .content-container {
      height: 100%;
    }

    .details-item {
      margin: 8px 0;

      ix-missing-access-wrapper {
        margin-left: auto;
      }
    }
  }
}

.scrub-tooltip {
  vertical-align: -2px;
}

.card-content {
  display: flex;
  flex-direction: column;
}

.controls {
  column-gap: 8px;
  display: flex;
}
